<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="icon" href="/favicon.ico">
  <title>肥猫的小窝</title>
  <link rel="stylesheet" href="./public/css/index.css">
</head>

<body>
  <div id="app">
    <div class="link">
      <a href="https://space.bilibili.com/3546629109975913" target="_blank">BiliBili</a>
      |
      <a href="https://gitee.com/FMBOY" target="_blank">Gitee</a>
      |
      <a href="https://github.com/FMBOY520" target="_blank">GitHub</a>
    </div>

    <div class="title">
      <img src="./public/images/avatar.jpg" alt="FMBOY">
      <h1>肥猫BOY<img src="./public/svg/男.svg"></h1>
    </div>

    <div class="card" @click="to('/nav')">
      <div class="nav">
        <img src="./public/images/MXH-nav/logo_M_128x128.png">
        <div>
          <h2>喵星汇-导航</h2>
          <p>mxh.fmboy.com</p>
        </div>
      </div>
    </div>

    <div class="card" @click="to('http://mc.fmboy.com')">
      <div class="mcserver">
        <img src="./public/images/MXH-mcserver/favicon.ico">
        <div>
          <h2>喵星汇MC | 服务器官网</h2>
          <p>mc.fmboy.com</p>
        </div>
        <div>服务器状态：
          <span v-if="mcServerStatus" style="color: #67C23A;">⬤ 在线</span>
          <span v-else style="color: #F56C6C;">⬤ 离线</span>
        </div>
      </div>
    </div>

  </div>
  <script type="module" src="./public/js/index.js"></script>
</body>

</html>